﻿
div#topnav div#topnavTut > div {
	float:right;
}
div#topnav div#topnavTut a{
	padding:8px 16px 8px 16px;
	border-left:solid black 1px;
}
button.goButton{
	margin-left:10px;
}
button.goButton:hover{
	cursor:pointer;
}
div.sortContainer div.sortDropDown{
	float:right;
	margin-right:50px;
}
div.sortContainer > div.searchMessage{
	float:left;
	margin-left:50px;
}

div.clear{
clear:both;
}
header{
background-color:rgb(242,242,242);
	color:black;
  margin-right:auto;
  margin-left:auto;
  padding:10px;
  overflow:hidden;
}

nav li{
float:right;
width:120px;
text-align:center;
list-style-type:none;
}


section.result{
	background-color:rgb(242,242,242);
	margin-right:50px;
	margin-left:50px;
	height:133.25px;
	
}

section.result img{
	float:left;
	width:50px;
	height:50px;
	padding:16px 24px 16px 24px;
}
section.result .exchangeInfo{
	margin-top:16px;
}

section.result .expirationDate{
	float:right;
	margin-top:0px;
	padding-right:24px;
}

#topnav{
height:53.5px;
background-color:rgb(242,242,242);
}

#topnavTut{
position:relative;
height:53.5px;
margin:auto;
padding-left:10px;
padding-right:10px;
padding-top:16px;
text-align:center;
}


#searchBar{
	padding-top:30px;
	position:relative;
	text-align:center;
}

.goButton{
	width:79px;
	height:25px;
	background-color:white;
	border-color:rgb(27,188,239);
}

#theResultDisplay{
	position:relative;
	text-align:left;
	font-size:1em;
}
#search-category-filter{
text-align:left;
}

#sortBy{
text-align:right;
}

#mySearchResultsCanvas{
border:10px; position:relative; background-color:rgb(242,242,242);border-color:rgb(242,242,242);}




.seperatedResults{
position: absolute;
top: 0;
left: 0;
width: 284px;
height: 160px;
background: linear-gradient(to right,rgba(255,255,255,0) 85%,rgba(0,0,0,0.04) 100%);
z-index: 1;
}





